<!DOCTYPE html>
<html>
<head>
	<title>金沙映画</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="shortcut icon" href="./image/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" type="text/css" href="./css/huhx-1.0.1.css">
    <link rel="stylesheet" type="text/css" href="./css/scrollbar.css">

    <link rel="stylesheet" type="text/css" href="./plugin/reactive/css/normalize.css" />
    <link rel="stylesheet" type="text/css" href="./plugin/reactive/css/style.css">
    <script src="https://use.fontawesome.com/a0a1bef3be.js"></script>
	  <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
</head>
<body>
<div class="huhx-container">
  <div class="huhx-header">
    <div class="huhx-nav">
      <div class="jsyh-logo"></div>
      <div class="jsyh-social"></div>
      <button class="navbar-toggle">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
    </div>
    <nav class="jsyh-mainMenu">
      <ul>
        <li class="channel"><a href="./main.html" class="channel-a">主页</a></li>
        <li class="channel"><a href="./home.html" class="channel-a">金沙</a></li>
        <li class="channel"><a href="./portfolio.html" class="channel-a">作品</a></li>
        <li class="channel"><a href="./recruit.html" class="channel-a">招聘</a></li>
        <li class="channel"><a href="./contact.html" class="channel-a">联络</a></li>
      </ul>
    </nav>
  </div>
  <div class="huhx-content">
    <div class="content-one">
      <video class="huhx-video" autoplay="autoplay" loop="loop" poster="./image/bg/WechatIMG5.jpg" onloadeddata="">
        <source src="./video/jsyh.mp4" type="video/mp4">
      </video>
      <div class="jsyh-layer">
        <div class="video-logo">
          <img src="./image/Logo2.png">
        </div>
        <div class="slogan">不做影像的旁观者，去变革</div>
        <div class="slogan-en">We are a creative studio and we are changing the way people create video</div>
      </div>
    </div>
    <div class="content-two">
      <div class='o-sliderContainer' id="pbSliderWrap0" style="margin-top:0;">
        <div class='o-slider' id='pbSlider0'>
          <div class="o-slider--item" data-image="image/slider/1.jpg">
          </div>
          <div class="o-slider--item" data-image="image/slider/2.jpg">
          </div>
          <div class="o-slider--item" data-image="image/slider/3.jpg">
          </div>
          <div class="o-slider--item" data-image="image/slider/4.jpg">
          </div>
          <div class="o-slider--item" data-image="image/slider/5.jpg">
          </div>
        </div>
      </div>
    </div>
    <div class="content-three">
      <div class="three-img">
        <img src="./image/bg/3.png">
      </div>
      <div class="three-img">
        <img src="./image/bg/4.png">
      </div>
    </div>
    <div class="content-four">
      <img src="./image/bg/5.png">
    </div>
  </div>
</div>
<div class="jsyh-footer">
  <div class="footer-cont">
    <div class="col-2 col-min-12">
      <div class="logo-div">
        <img class="logo" src="./image/Logo.png">
      </div>
    </div>
    <div class="col-5 col-min-12">
      <div class="about-us">金沙映画（GOLDEN SAND FILM）拥有一支项目经验丰富的资深专业团队，涵盖了从剧本创作、摄影摄像、到后期剪辑与调色的全领域。主要业务涵盖网络大电影、网剧；人物、产品、活动、企业形象宣传片；TVC广告、视频、动画等品牌传播所有层面，为客户提供高质量的影视制作服务。</div>
    </div>
    <div class="col-4 col-min-12">
      <div class="address">
        <p class="phone"><i class="fa fa-phone"></i>130-6141-8722 / 153-1879-1011</p>
        <p class="email"><i class="fa fa-envelope-o"></i>jinshayinghua@163.com</p>
        <p class="detailed"><i class="fa fa-map-marker"></i>山东省青岛市经济技术开发区峨眉山路1103号OVU研创中心</p>
      </div>
    </div>
    <div class="col-1 col-min-12">
      <div class="social">
        <i class="fa fa-weixin"></i>&nbsp;&nbsp;<i class="fa fa-qq"></i>&nbsp;&nbsp;<i class="fa fa-weibo"></i>
      </div>
    </div>
  </div>
  <div class="footer-copyright">
    ©2017 青岛金沙映画文化传媒有限公司 All Rights Reserved.
  </div>
</div>

<script type="text/javascript" src="./js/header.js"></script>
<script type="text/javascript">
  var bannerWidth = $(".content-two").width();
  var bannerHeight = bannerWidth / (1920 / 814);
  $("#pbSliderWrap0").css({height : bannerHeight});
</script>
<script type="text/javascript" src="./plugin/reactive/js/hammer.min.js"></script>
<script type="text/javascript" src="./plugin/reactive/js/slider.js"></script>
</body>
<script type="text/javascript">
  $('#pbSlider0').pbTouchSlider({
    slider_Wrap: '#pbSliderWrap0',
    slider_Threshold: 10,
    slider_Speed:600,
    slider_Ease:'ease-out',
    slider_Drag : true,
    slider_Arrows: {
      enabled : false
    },
    slider_Dots: {
      class :'.o-slider-pagination',
      enabled : true
    },
    slider_Breakpoints: {
        default: {
            height: bannerHeight
        },
        tablet: {
            media: 1024
        },
        smartphone: {
            media: 768
        }
    }
  });
</script>
</html>